<style lang="sass" scoped>
	#app {
		width: 100%;
		height: 100%;
	}
	.el-breadcrumb{
		padding: 20px;
	}
	.el-header{
		background-color: #B3C0D1;
		color: #333;
	}
	.el-aside {
		background-color: #D3DCE6;
		color: #333;
		line-height: 200px;
	}
	.el-main {
		background-color: #E9EEF3;
		color: #333;
		height: 100%;
	}
	body>.el-container {
		margin-bottom: 40px;
		width: 100%;
	}
</style>
<template>
	<div id="app">
		<el-container style="height:100%;">
			<el-aside width="260px">
				<side></side>
			</el-aside>
			<el-container>
				<el-header>Header</el-header>
				<el-breadcrumb separator="/">
					<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
					<el-breadcrumb-item>
						<a href="/">活动管理</a>
					</el-breadcrumb-item>
				</el-breadcrumb>
				<el-main>
					<!-- 路由匹配到的组件将渲染在这里 -->
					<router-view></router-view>
				</el-main>
			</el-container>
		</el-container>
	</div>
</template>

<script>
	import side from 'commonvue/side'
	import totop from 'commonvue/totop'
	export default {
		components: {
			side,
		},
		name: 'App',
	}
</script>